<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公民基本道德规范</title>
    <style>
        hr{
            width: 100%;
            size: 3;
            color:red;
        }
        h2{
            text-align: center;
        }
        #a{
            text-align: center;
        }
        #b{
            width: 250px;
            height: 350px;
        }
        .container {
            display: flex;
            align-items: flex-start; /* Align items to the top */
        }
        .text-container {
            margin-left: 20px; /* Add some space between image and text */
        }
    </style>
</head>
<body>
  
    <h2>公民基本道德规范</h2>
    <hr>
  
    <div class="container">
        <img id="b" src="https://tse1-mm.cn.bing.net/th/id/OIP-C.V3X2LjSHipm6Itn2r9iyAgAAAA?w=136&h=180&c=7&r=0&o=5&dpr=1.3&pid=1.7">
        <div class="text-container">
            <h3>公民基本道德规范二十字</h3>
            <pre>
                爱国守法，明礼诚信，团结友善，勤俭自强，敬业奉献。
            </pre>
            <h3>公民基本道德规范诠解</h3>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;爱国指对祖国的忠诚和热爱，守法指人们按照法律规范进行
                活动。明礼就是对社会交往规则、仪式和习惯的正确理解和运用，诚信通常指诚实守信。团
                结指人们为了实现共同的利益和目标而在思想和行动上相互一致，友善指人与人之间相互
                友好帮助共求进步。勤俭即勤劳节俭，自强指人对自己的能力和行为所具有的自信和进取意
                设计
                识。敬业指要有正确的职业观念，热爱本职工作和对技术精益求精，奉献指为国家和人民的
                利益贡献自己的力量，不计个人得失。这些基本行为准则，在同一道德体系中具有内容的广
                延性和层次的多样性，既包括社会主义的公民所必须共同遵守的最重要的行为准则，又涵盖
                了家庭、职业、公共生活等各个领域所应遵守的最基本的道德准则，适用于不同社会群体，与
                不同社会领域的具体道德规范融为一体，贯穿公民道德建设的全过程。
            </p>
            <blockquote>公民基本道德规范是指公民应当遵守的基本道德规范.</blockquote>
        </div>
    </div>
    <hr>
    <p id="a">Copyright&copy;中共中央《公民道德建设实施纲要》</p>
  
</body>
</html>